import React from 'react'
import './header.less'
import { NavLink } from 'react-router-dom'

const Header = () => {
  return (
    <section className="header">
      <div className="header-nav grid-row">
        <div className="header-nav-web">
          <ul>
            <li>
              <NavLink to="/" exact>
                首页
              </NavLink>
            </li>
            <li>
              <NavLink to="/list" exact>
                文章
              </NavLink>
            </li>
            <li>
              <NavLink to="/tech" exact>
                轮子
              </NavLink>
            </li>
            <li>
              <NavLink to="/comment" exact>
                留言
              </NavLink>
            </li>
            <li>
              <NavLink to="/me" exact>
                关于
              </NavLink>
            </li>
          </ul>
        </div>
      </div>
    </section>
  )
}

export default Header
